<template>
	<view>
		<u-popup :show="isShow" mode="center" round="20">
			<view class="popup-views">
				<view class="text-center fontSize-15 color-000 margin-bottom50">提示</view>
				<template v-if="Isbold">
					<view class="fontSize-13 color-000 margin-20-0 text-center">
						{{desc}}
					</view>
				</template>
				<template v-else>
					<view class="fontSize-18 color-000 margin-20-0 text-center fontWeight-bold">
						{{desc}}
					</view>
				</template>
				<view class="flex-center margin-top50">
					<view class="popup-btn flex-center" v-if="isClose" @click="$emit('close',false)">取消</view>
					<view class="popup-btn1 flex-center" @click="$emit('click')">{{btnTitle}}</view>
				</view>
			</view>
		</u-popup>
	</view>
</template>

<script>
	export default {
		props:{
			desc:String,
			btnTitle:String,
			isShow:Boolean,
			// 是否隐藏关闭按钮
			isClose:{
				type:Boolean,
				default:true
			},
			Isbold:{
				type:Boolean,
				default:true
			}
		},
		data(){
			return{
				
			}
		}
	}
</script>

<style lang="scss" scoped>
	.popup-btn1{
		font-weight: 400;
		font-size: 28rpx;
		color: #5A8AFF;
		width: 180rpx;
		height: 78rpx;
		background: #F5F8FF;
		border-radius: 40rpx;
		border: 1rpx solid #5A8AFF;
	}
	.popup-btn{
		width: 180rpx;
		height: 80rpx;
		font-weight: 400;
		font-size: 28rpx;
		color: #4D4D4D;
		background: #F5F5F5;
		border-radius: 40rpx;
	    margin-right: 20rpx;
	}
	.popup-views{
		width: 400rpx;
		// height: 260rpx;
		padding: 30rpx;
		background: url('https://hotel.chunchuangkeji.cn/image/tis-popup.png');
	    background-size: 100% 100%;
	}
</style>